<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/style.css">
    <title>我的个人主页</title>
</head>
<body>
    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
        <div class="container-fluid">
            <a class="navbar-brand" href="#">我的主页</a>
        </div>
    </nav>
    <div class="container mt-4">
        <div class="row">
            <div class="col-md-8" id="main-content">
                <h1 id="main-title">冉逸</h1>
                <h2 class="section-title">个人简介</h2>
                <p>我是一名东北大学的大二学生，今年20岁，系工商管理学院信息管理与信息系统专业</p>
                <h2 class="section-title">项目经历</h2>
                <ul>
                    <li>个人项目：静态简历页面（用HTML+CSS实现，包含个人信息、教育经历模块，使用Float布局）</li>
                    <li>课程设计：图书信息展示页（小组协作，负责“图书列表”模块，用Flexbox实现自适应排版）</li>
                </ul>
            </div>
            <div class="col-md-4" id="sidebar">
                <h2 class="section-title">技能清单</h2>
                <ul class="list-group">
                    <li class="list-group-item">CSS3 样式与 Flexbox 布局</li>
                    <li class="list-group-item">JavaScript 基础语法</li>
                </ul>
                <h2 class="section-title">联系方式</h2>
                <p><a href="3052099413@qq.com" class="btn btn-primary">邮件联系我</a></p>
                <h2 class="section-title">个人图片</h2>
                <img src="微信图片_20250914201000_2526_1.jpg" alt="个人图片" class="img-fluid">
            </div>
        </div>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>